var gulp = require('gulp');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var browserify = require('gulp-browserify');

//监听scss文件夹，并且当文件发生改变时，自动进行编译scss文件，自动进行浏览器页面刷新
gulp.task('default',['browserSync','sass'],function(){
  gulp.watch('scss/*.scss',['sass']).on('change',browserSync.reload);
});

//实现scss文件的自动编译
gulp.task('sass',function(){
  return gulp.src('scss/*.scss')
      .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest('dist/css'));
});

//实现浏览器的自动刷新
gulp.task('browserSync',function(){
  browserSync.init({
    server:{
      baseDir:'dist'
    }
  })
});